// 侧边

.e-aside {
    width: e-get($e-aside-config, base, default, width);
    transition: e-get($e-aside-config, base, minimize, transition);

    .e-aside-menu {
        margin: 10px 0;
    }
}

// 桌面模式
@include e-desktop {
    .e-aside {
        position: relative;
        z-index: 1;

        // 如果body上有e-aside--fixed表示开启了固定侧边菜单
        .e-aside--fixed & {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            z-index: e-get($e-aside-config, base, fixed, z-index);
        }

        // 收起状态
        .e-aside--minimize & {
            width: e-get($e-aside-config, base, minimize, width);
            transition: e-get($e-aside-config, base, minimize, transition);
        }

        .e-aside--minimizing & {
            overflow: hidden;

            .e-aside-menu {
                .e-menu-nav {
                    width: e-get($e-aside-config, base, default, width);
                    overflow: hidden
                }
            }
        }
    }
    .e-aside--fixed.e-aside--minimize-hover {
        .e-aside {
            width: e-get($e-aside-config, base, default, width);
        }

        .e-header {
            left: e-get($e-aside-config, base, minimize, width);;
        }

        .e-wrapper {
            padding-left: e-get($e-aside-config, base, minimize, width);;
        }

        .e-aside,
        .e-header,
        .e-wrapper {
            transition: e-get($e-aside-config, base, minimize, transition);
        }
    }
}
// 垂直菜单
@include e-menu-ver-build-layout(e-get($e-aside-config, menu));

// pad & 手机下切换菜单显示与隐藏
@include e-offcanvas-build(e-aside, tablet-and-mobile, e-get($e-aside-config, base, offcanvas-mobile));